<template>
  <el-dialog
    :title="title"
    :visible.sync="showChild"
  >
    <div class="part-1">
      <div class="top-bar">
        <div class="top-bar-tag"></div>
        <div class="top-bar-title">招标准备</div>
      </div>
      <div class="section">
        <el-row>
          <el-col :span="colSpan.label">招标码</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
          <el-col :span="colSpan.label">招标名称</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">发包方式</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
          <el-col :span="colSpan.label">办理类型</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">招标控制价</el-col>
          <el-col :span="colSpan.value">发手动阀手动阀手动阀手动阀</el-col>
          <el-col :span="colSpan.label">发包(采购)人</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">发布日期</el-col>
          <el-col :span="colSpan.value">发手动阀手动阀手动阀手动阀</el-col>
          <el-col :span="colSpan.label">开标日期</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">招标代理单位</el-col>
          <el-col :span="colSpan.value">发手动阀手动阀手动阀手动阀</el-col>
          <el-col :span="colSpan.label">招标文件审批稿</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
      </div>
    </div>
    <div class="part-2">
      <div class="top-bar">
        <div class="top-bar-tag"></div>
        <div class="top-bar-title">开标后</div>
      </div>
      <div class="section">
        <el-row>
          <el-col :span="colSpan.label">中标价</el-col>
          <el-col :span="colSpan.value">发射点犯得上发射点</el-col>
          <el-col :span="colSpan.label">中标(承包)人</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">备注</el-col>
          <el-col :span="22">发射点犯得上发射点</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">添加人</el-col>
          <el-col :span="colSpan.value">发射点犯得上发射点</el-col>
          <el-col :span="colSpan.label">添加时间</el-col>
          <el-col :span="colSpan.value">手动阀手动阀手动阀手动阀</el-col>
        </el-row>
        <el-row>
          <el-col :span="colSpan.label">招标过程材料</el-col>
          <el-col :span="20">发射点犯得上发射点</el-col>
        </el-row>
      </div>
    </div>

  </el-dialog>
</template>

<script>
  export default {
    name: 'ZhaoBiaoDetail',
    data() {
      return {
        title:'',
        showChild:false,
        colSpan:{
          label:4,
          value:8
        }
      }
    },
    created() {

    },
    methods: {
      open(){
        this.showChild = true
      }
    }
  }
</script>

<style scoped lang="scss">
  .part-1,.part-2 {
    line-height: 40px;
    .el-row {
      font-size: 14px;
      .el-col:nth-of-type(odd){
        color: #99a9bf;
      }
    }
  }
</style>
